<template>
  <div class="demo">
    <div class="demo-title">键盘行为</div>
    <div class="demo-content">
      <Space>
        <InputNumber v-model:value="value" :keyboard="keyboard" :min="1" :max="10" />
        <Checkbox v-model:checked="keyboard">Toggle keyboard</Checkbox>
      </Space>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import { ref } from 'vue';
  import Checkbox from '@sscd/checkbox';
  import InputNumber from '@sscd/input-number';
  const value = ref<number>(3);
  const keyboard = ref(true);
</script>
